<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/home.css">

</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <div class="head-top">
            <div class="container clearfix">
                <p class="fl">乐购www.legou.com</p>
                <p class="fr">
                    欢迎光临乐购&emsp;请&nbsp;<span class="login">登录&nbsp;</span><span class="register">|&nbsp;注册</span>
                </p>
            </div>
        </div>

        <div class="head-nav">
            <div class="container clearfix">
                <p class="logo fl"></p>
                <div class="head-nav-r fr clearfix">
                    <p class="search fl">
                        <input class="search-input" type="text" placeholder="请输入搜索的产品名">
                        <button class="search-btn"><img src="../imgs/search.png" alt="加载失败"></button>
                    </p>
                    <p class="shopping">
                    <p class="shopping-cart fl">
                        <img src="../imgs/购物车.png" alt="加载失败">
                        购物车
                        <span class="count">0</span>
                    </p>
                    <p class="my-order fl">我的订单</p>
                    </p>
                    <div class="head-bottom-nav clearfix">
                        <p class="active">图书</p>
                        <p>电子书</p>
                        <p>原创文学</p>
                        <p>服装</p>
                        <p>运动户外</p>
                        <p>孕婴童</p>
                        <p>家居</p>
                        <p>创意文具</p>
                        <p>地方特产</p>
                        <p>海外购</p>
                        <p>电器城</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- banner -->
    <div class="banner">
        <img src="../imgs/banner.jpg" alt="加载失败">
        <div class="container">

            <ul class="nav-list">
                <li class="clearfix">
                    <p>图书</p>
                    <p>电子书</p>
                    <p>童书</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>女装</p>
                    <p>男装</p>
                    <p>内衣</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>童装玩具</p>
                    <p>孕产</p>
                    <p>用品</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>家电</p>
                    <p>数码</p>
                    <p>手机</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>美妆</p>
                    <p>洗护</p>
                    <p>保健品</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>图书</p>
                    <p>电子书</p>
                    <p>童书</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>图书</p>
                    <p>电子书</p>
                    <p>童书</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>图书</p>
                    <p>电子书</p>
                    <p>童书</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>图书</p>
                    <p>电子书</p>
                    <p>童书</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>图书</p>
                    <p>电子书</p>
                    <p>童书</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>图书</p>
                    <p>电子书</p>
                    <p>童书</p>
                    <p>&gt;</p>
                </li>

                <li class="clearfix">
                    <p>图书</p>
                    <p>电子书</p>
                    <p>童书</p>
                    <p>&gt;</p>
                </li>
            </ul>

            <div>

            </div>
        </div>
    </div>

    <!-- 广告 -->
    <div class="advert">
        <div class="container">
            <p class="fpic">
                <span><img src="../imgs/11.jpg" alt=""></span>
                <span><img src="../imgs/30.jpg" alt=""></span>
                <span><img src="../imgs/7.jpg" alt=""></span>
                <span><img src="../imgs/7.jpg" alt=""></span>
            </p>
            <p class="spic"><img src="../imgs/31.png" alt=""></p>

            <div class="content">
                <div class="tpic clearfix">
                    <p class="timeout">
                        <span>乐购·今日秒杀</span><br>
                        <img src="../imgs/闪电.png" alt="">
                        <span class="timetext">倒计时</span>
                    </p>
                    <p></p>
                    <p></p>
                    <p></p>
                    <p></p>
                </div>
            </div>
        </div>

        <div class="container">

        </div>
    </div>

    <!-- 好货推荐 -->
    <div class="recommend bd">
        <div class="container">
            <p>每日好货推荐</p>
        </div>
    </div>

    <!-- 尾部 -->
    <div></div>
</body>

</html>